<template>
  <div>
    <h1>{{ msg }}</h1>
    <!-- 过滤器语法      数据 | 过滤器  -->
    <h2>{{ msg | fanzhuan('-') }}</h2>
    <h3>{{ msg | daxie }}</h3>
    <!-- 可以连续调用多个过滤器加工数据 -->
    <h3 :title="msg | daxie | fanzhuan">鼠标悬停试试</h3>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg:'Hello Vue'
    }
  },
  // 局部过滤器
  filters: {
    daxie : (str)=> {
      // ''.toUpperCase()
      return str.toUpperCase()
    }
  }
}
</script>

<style>

</style>